@charset "UTF-8";
/* CSS Document */

/* Important for Full Screen Background Image */
html, body {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align:center;
	color: #636466;
	font-family: 'Arial', sans-serif;
/*	max-width:1600px;*/
/*	min-height:662px;
	position:relative;*/
}

#full-screen-background-image {
	z-index: -999;
	min-width: 1200px;
	/*min-height: */
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

.container{
	position:absolute;
    /*top: -232px;*/
    /*left: -326px;*/
	width: 660px;
	height: 445px;

}
.mapswap{
	/*top: 0;
    left: 0;
	width: 660px;
	height: 445px;*/
	width: 100%;
	height: 100%;
}

.container.mid{
	position:absolute;
    top: -250px;
    left: -340px;
	width: 1340px;
	height: 900px;
}

.mapswap.mid{
	top: 0px;
    left: 0px;
	width: 1000px;
	height: 700px;
}

.container.larger{
	position:absolute;
    top: -600px;
    left: -800px;
	width: 2400px;
	height: 1800px;

}

.mapswap.larger{
	top: 73px;
    left: 0px;
	width: 1600px;
	height: 1200px;
}



/* End */
a{
	text-decoration:none;
}

.detail_menu_container{float:left; position:relative;top:0;z-index:9;}
.detail_menu_container > a img { margin-top: 30px; margin-left: 50px;}
.home .detail_menu_container{/*position:absolute;*/ position: fixed;}
.detail_menu { display: block; width:215px; padding-bottom: 20px; padding-right: 39px; text-align:left; }
.detail_horizontal_line_club { top:165px; }
.detail_horizontal_line { padding:12px; position: absolute; border-top: solid 1px #636466; }
.detail_horizontal_line div{ font-size:14px; color:#636466; font-family:Arial, Helvetica, sans-serif; line-height:125%;opacity:1 !important; }
.expanded { left:0px !important;}
.expanded .detail_menu { background:none; }

.ui-state-active {}
#menu { padding: 30px 0px 10px 30px; width: 180px; }
#menu ul li { line-height:125%; }
#menu ul li a { font-family: "华文细黑"; color:#636466; font-size:17px; letter-spacing:1px; text-decoration:none; text-transform:uppercase; }

#menu ul li a:hover { color: #f47a4d; }
#menu ul li a.active { color: #f47a4d; }

#menu .sub_menu { display: none; border-left:solid 1px #636466; margin-top:10px; margin-bottom:10px; padding-left: 15px; }
#menu .sub_menu li a { font-family: "华文细黑"; color:#636466; font-size:11px; letter-spacing:1px; text-decoration:none; }
#menu .sub_menu li { line-height:125%; }

.horizontal_line {
	padding-top: 5px;
	border-bottom: solid 1px #636466;
	width: 210px;
}

#menu_2 {
	padding: 20px 0px 0px 30px;
	width: 180px;
}
#menu_2 ul li { line-height:150%; }
#menu_2 ul li a { font-family: "华文细黑"; color:#636466; font-size:11px; letter-spacing:1px; text-decoration:none; text-transform:uppercase; }

#menu_2 ul li a:hover { color: #f47a4d; }
#menu_2 ul li a.active { color: #f47a4d; }

.home-menu #menu .sub_menu { border-left:solid 1px #58595b;}
.home-menu .horizontal_line { border-bottom: solid 1px #58595b}

.home-menu #menu >ul, .home-menu #menu_2 >ul {padding-left: 19px;}
.home-menu .horizontal_line {width: 160px;}

#logoMPR {
/*position: absolute;*/
position: fixed;
top: 30px;
right: 10px;
text-align: right;
/*width: 100%;*/
/*padding-right: 40px;*/
/*min-width: 1330px;*/
z-index:9;
}
#logoMPR  a{margin-right:40px;}

#home-caption { position: fixed; text-align: right; bottom: 100px; right: 15px; color: #fff; font-size:10px; font-weight: normal; max-width: 50%;}
#home-caption.en { bottom: 120px; }
#content { width:100%; margin:0 auto; position: relative; min-width: 1200px; overflow:hidden;}


#content.islandeast {
	overflow: scroll;
}

#architecture #content, #image_gallery #content, #club_house #content, #floor_plan #content {
/*padding-bottom: 120px;*/ }
.home_content img{
	width:100%;
	position: absolute;
left: 0;
bottom: 80px;
}
#title { color:#636466; font-family:'Italiana'; font-size:24px; text-transform:uppercase; letter-spacing:2px; padding-top:45px; }


 #title{
	padding:0;
	padding-bottom:20px;
	line-height:1;
}

#sub_nav ul { /*padding-top:30px;*/ clear:both; }
#sub_nav ul li { float:left; padding-right:30px; }
#sub_nav a { color:#939597; font-family:'Italiana'; font-size:14px; text-transform:uppercase; letter-spacing:2px; text-decoration:none; }
#sub_nav a:hover { color:#636466; }
#sub_nav a.active { color:#636466; }

/* Home */
.home_box {position:fixed; bottom:140px; background: url("../images/home_box.png") transparent; width: 500px; max-height: 240px; margin-left:50px;padding:0; padding-top:15px; margin-top:30px; color:#fff;}
.home_box.chi{width:500px; bottom:110px; max-height:180px;}
.home_box h2 { font-size: 15px; text-align:left; padding:0px 15px 15px 15px; font-weight:bold;}
.home_box p { font-size: 12px; line-height: 125%; letter-spacing: 0.5px; text-align:left; padding: 0 15px 15px 15px;}
.home_box.chi h2 { font-size: 16px; text-align:left; padding:0px 15px 15px 15px; font-weight:bold;}
.home_box.chi p { font-size: 13px; line-height: 125%; letter-spacing: 0.5px; text-align:left; }

.scrollpane{
	width:490px;
	position:relative;
}
.home_box.chi .scrollpane{
	width:390px;
}

/* 1 Sai Wan Terrace */
#imageLarge { clear:both; padding-top:20px; /*padding-right:30px;*/ float:left; width:70%; }
#imageLarge img { /*border:solid 4px #636466;*/ width:100%; max-height:497px;}
.description { color:#636466; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; line-height:150%; text-align:justify; /*width:330px;*/ width:86%; float:right;  border-bottom:solid 1px #636466; padding-bottom:30px; }
.firstChar { font-family:'Italiana'; font-size:18px; }
#imageSmall { padding-top:30px; float:right; width:86%;}
#imageSmall a { display:block; /*border:solid 4px #636466;*/ position:relative; width:100%; }
#imageSmall a .imageSmall{
	width:100%;
}
#imageSmall img#icon_magnify { position:absolute; left:50%; top:45%; }

/* Transportation */
#transportation_image {/*cursor:move; */ cursor: pointer; /*border: solid 4px #636466; */clear:both; margin-top:20px; float:left; position:relative; height:445px; width:660px; text-align: left; overflow:hidden;}
#transportation_image img {}
#control_zoom { width:19px; float:left; padding-left:19px; margin-right:20px;margin-top: 20px;}
#control_zoom img { float:left; margin-left:3px; cursor: pointer;}
#control_zoom .zoom_bar { float:left; width:16px; padding:5px 0px; position:relative; }
#control_zoom .zoom_bar .scroll_bar { width:2px; height:100px; margin:0 auto; background-color:#636466;  }
#control_zoom .zoom_bar .drag { width:8px; height:2px; position:absolute; background-color:#636466; left:4px; bottom:8px; }
#control_zoom .zoom_bar .drag.mid {top: 50%; bottom: auto;}
#control_zoom .zoom_bar .drag.larger {top: 8px; bottom: auto;}
#transportation_description { color:#636466; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; line-height:150%; text-align:justify;/* width:282px;*/ /*float:left;*/ padding-top:10px; }
#travelling_times {  float:left; color:#636466; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; line-height:150%; padding-top:16px; }
#travelling_times h3 { border-bottom:solid 1px #636466; margin-bottom:15px; }
#travelling_times p { line-height:180%; }
#travelling_times p.source { border-top:solid 1px #636466; font-size:10px; margin-top:15px; }

/* Island East */

.inner-wrapper-right{float:left; width: 335px;  width: 30%;position:relative;/*padding-top: 20px;*/}
.inner-wrapper-right.transportation{
width: 22%;
 left: 730px; top: 200px;position: absolute;
}
.inner-wrapper-inner{position:absolute; bottom:0;}

#location-islandeast .inner-wrapper-right{width:370px;max-width:370px;padding-left:16px; position: absolute; left: 750px;}
/*#location-islandeast .logo { margin-left: -224px;}*/

#islandeast_image {
	cursor: pointer;
	clear: both;
	padding-top: 20px;
	padding-right: 10px;
	float: left;
	position: relative;
	width: 759px;
	height: 505px;
	text-align: left;
	padding-bottom: 150px;
}
#islandeast_image img{
	width: 150px; /*height:505px;*/
}
#islandeast_image span { display:none; }
#islandeast_image span.spot_on { display:block; }
#islandeast_image span.spot_image, #islandeast_image span.spot_image_link { position:absolute; top:20px; left:0; width:759px; height:513px;}
#islandeast_image span.spot_image_link img{width:786px;position:absolute; z-index:2;}

/*.cn_islandeast_image span.spot_image_link img{width:807px !important;height: 517px !important;}*/
/*.cn_islandeast_image_sc span.spot_image_link img{width:807px !important;height: 514px !important;}*/
#islandeast_description { color:#636466; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; line-height:150%; text-align:justify; padding-bottom:27px; }
#islandeast_gallery { float:left; position:relative; }
#islandeast_gallery ul {  padding-top:15px; border-top:solid 1px #636466; border-bottom:solid 1px #636466; }
#islandeast_gallery ul li { float:left; padding-right:15px; padding-bottom:15px; width:113px; text-align:left; }
#islandeast_gallery ul li a { color:#636466; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; line-height:125%; display:block; position:relative; }
#islandeast_gallery ul li a:hover { color:#f47a4d; }
#islandeast_gallery ul li a img#icon_magnify { position:absolute; left:50px; top:30px; }
#islandeast_gallery div#overlay { background:url('../images/islandeast/overlay.jpg') no-repeat; width:100%; height:350px; position:absolute; left:0px; top:0; display:none; }
#islandeast_gallery div.overlay_cn{
height:320px !important;
}

#islandeast_gallery div#overlay a { position:absolute; top:10px; right:10px; }
#islandeast_gallery div#overlay span#islandeast_gallery_large { display:block; padding-top:50px; padding-left:20px; text-align:left; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:150%; }
#islandeast_gallery div#overlay span#islandeast_gallery_large img { border-left:solid 2px #f47a4d; width: 325px; height: 200px;margin-bottom: 4px;}


.contact{
	color:#636466; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	text-align:left; 
	line-height:150%;
	margin: 30px auto;
	text-align: center;
}

.contact ul {
	margin-top: 30px;
	min-width: 70px;
	list-style: none;
	text-align: left;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.contact p{
	padding-bottom:10px;
}

span#islandeast_gallery_large .caption{
	font-size:11px;
	width:325px;
	line-height: 1.5;
}
.homekey {
	list-style:disc;
	margin-left: 35px;
}

/* Footer */
.footer { min-width: 1300px; position: fixed; bottom: 0px; left:0; background: #FFF; width: 100%; color:#636466; border-top:solid 3px #636466; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:left; z-index:500; }
.footer p { /*padding-left:40px;*/ padding-right:40px; text-align:justify; line-height:125%; }

.home_content{
	position:relative;
	width:100% !important;
	height:auto !important;
}	

#full-screen-background-image {
height: 100%;
}

/*background sizing*/
.home_content #full-screen-background-image {
	height: auto;
	min-width:1600px;
	min-height: 983px;
	width:100%;
	position:relative !important;
}


.design_gallery{
	width: 63%;
	margin: 0 auto;
	}
	

#main_content{
	height:100% !important;
 }

 #main_content {
 	min-height: 360px;
 }

 .clubContent{
	height:auto !important;
  } 

/*  .list .inner-wrapper {
  	width: auto!important;
  	padding: 0 50px;
  }*/
/*
@media screen and (min-height: 760px){
	.fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened {
		margin-top: 5%;
	}	
}*/



/*.iphone {
	zoom: 0.2;
}*/



/*@media screen and (max-width: 480px) {*/

/*	html[data-useragent*='Android'] #content {
		padding-bottom: 50px;
	}
	html[data-useragent*='Android'] .home .detail_menu_container {
		position: absolute;
	}
	html[data-useragent*='Android'] #full-screen-background-image {
		min-width: 0!important;
		min-height: 700px;
		height: 100%!important;
	}

	html[data-useragent*='Android'] .home_content #full-screen-background-image {
		min-width: 1400px;	
	}
	html[data-useragent*='Android'] #full-screen-background-image img {
		width: 100%;
	}

	html[data-useragent*='Android'] .home #content {
		min-width: 1400px;
	}
	html[data-useragent*='Android'] .footer{
		position:relative !important;
		bottom: auto !important;
		top: 0px;
		clear: both;
		min-width: 1400px;
	}
	html[data-useragent*='Android'] .footer p {
		padding-left: 0!important;
	}
	html[data-useragent*='Android'] #floor_plan #main_content, 
	html[data-useragent*='Android'] #club_house #main_content, 
	html[data-useragent*='Android'] .teasing #main_content, 
	html[data-useragent*='Android'] #image_gallery #main_content, 
	html[data-useragent*='Android']#architecture #main_content {
		height: auto!important
	}
	html[data-useragent*='Android'] #content {
		min-height: 700px;
		height: auto!important;
	}
	html[data-useragent*='Android'] #home-caption{
		position: absolute!important;
		bottom: 10px;
	}*/
/*}*/

@media screen and (max-height: 780px) {
	/* Home */
	.home_box h2{
	font-size:14px;
	padding-bottom:10px;
	}
	.home #content {
		min-height: 900px;
	}

}
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 480px) {
	
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */


}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

	/* .home_content #full-screen-background-image {
		min-height: 0;
		height:100%;
	}*/
}

html * {
	max-height: 1e+006;
	cursor: pointer;
}


html[data-useragent*='Android'] #full-screen-background-image , .ios #full-screen-background-image {
	display: none;
}	
html[data-useragent*='Android'] .home #full-screen-background-image, .ios.home #full-screen-background-image {
	min-width: 0!important;
	/*height: 100%!important;*/
	min-height: 700px;
	display: block!important;
}

html[data-useragent*='Android'] .home_content #full-screen-background-image, .ios .home_content #full-screen-background-image {
	min-width: 1400px;	
}

html[data-useragent*='Android'] .footer, .ios .footer{
	position:relative !important;
	bottom: auto !important;
	top: 0px;
	clear: both;
	min-width: 1400px;
}

html[data-useragent*='Android'] .home .detail_menu_container, .ios.home .detail_menu_container {
	position:  absolute!important;
}
html[data-useragent*='Android'] .detail_menu_container > a img, .ios .detail_menu_container > a img {
	float: left;
	margin-bottom: 20px;
}

html[data-useragent*='Android'] #content, .ios #content {
	min-height: 700px;
	min-width: 1400px;
	height: auto!important;
	padding-bottom: 0;
	background: url(http://mpr.whitespace.hk/images/bg_club.jpg);
}

html[data-useragent*='Android'] #islandeast_image, .ios #islandeast_image {
	padding-bottom: 0;
}

html[data-useragent*='Android'] #main_content, .ios #main_content {
	min-width: 1400px;
	height: auto!important;
}
html[data-useragent*='Android'] .home #content, .ios.home #content {
		min-width: 1400px;
		min-height: 700px;
		background: none!important;
	}
html[data-useragent*='Android'] #home-caption, .ios #home-caption{
	position: absolute!important;
	top: 700px;
	margin-left: 100px;
	bottom: auto!important;
	z-index: 3;
}

html[data-useragent*='Android'] .home_box , .ios .home_box {
	position: relative !important;
	top: 5px;
}

.ios#location-islandeast #content {
	min-height: 720px;
}

.ios .footer_text_upper{
	width: 70%
}

.ios .swire_logo {
	right: 120px;
}

.ios.en .swire_logo {
	right: 180px;
}

.en #menu ul li a, .en #menu .sub_menu li a, .en #menu_2 ul li a, .en .floorplan_detail h2, .en#contact-us #title, .en.teasing #title {
	font-size: 17px;
	font-family: Marcellus;
}
.en .home-menu #menu ul li a, .en .home-menu #menu .sub_menu li a, .en .home-menu #menu_2 ul li a { color: #58595b; font-family: 'Marcellus'}